<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>{% block title %}Connect People{% endblock %}</title>
                <link rel="stylesheet" href="/{{ media_url }}contifyuser/css/blueprint/screen.css" type="text/css" media="screen, projection" />
                <link rel="stylesheet" href="/{{ media_url }}contifyuser/css/blueprint/print.css" type="text/css" media="print" />
                <link rel="stylesheet" href="/{{ media_url }}contifyuser/css/blueprint/ie.css" type="text/css" media="screen, projection"/><![endif]-->
                <link rel="stylesheet" href="/{{ media_url }}contifyuser/css/contify.css" type="text/css" media="screen, projection" />
                <link href="/{{ media_url }}contifyuser/css/tipsy.css" media="screen, projection" rel="stylesheet" type="text/css"/>
                <link href="/{{ media_url }}contifyuser/css/front.css" media="screen, projection" rel="stylesheet" type="text/css"/>    
                <link href="/{{ media_url }}StartGroup/css/group.css" media="screen, projection" rel="stylesheet" type="text/css"/>    

                {% block extracss %}{% endblock %}
                <script type='text/javascript'>
                    $(function() {
                          $('#forgot_username_link').tipsy({gravity: 'w'});   
                    });
                </script>
                <script src="/{{ media_url }}contifyuser/js/jquery-1.4.2.min.js" type="text/javascript"></script>
                <script src="/{{ media_url }}contifyuser/js/jquery.pop.js" type="text/javascript"></script>
                <script type="text/javascript">
                    $(document).ready(function() {

                    $(".signin").click(function(e) {          
                            e.preventDefault();
                    $("fieldset#signin_menu").toggle();
                            $(".signin").toggleClass("menu-open");
                         });
                    
                    $("fieldset#signin_menu").mouseup(function() {
                            return false
                    });
                    $(document).mouseup(function(e) {
                            if($(e.target).parent("a.signin").length==0) {
                                    $(".signin").removeClass("menu-open");
                                    $("fieldset#signin_menu").hide();
                            }
                    });			
                    
                 });
                </script>
                {% block extrajs %}{% endblock %}

                <meta name="robots" content="{% block robots %}index,follow{% endblock %}" />
                
</head>

<body>


    <div class="headerContainer">
        <div class="nobreak">            
            <div><a style="text-decoration: none;" href="/connectpeople/home"><span class="headerTitle"><strong>Connect People</strong></span></a></div>
            <div class="headerTagLine">Meet | Learn | Share | Enjoy</div>
        </div>
        
        <div id="container">
            {% if not user.is_authenticated %}
            <div class="nobreak">
                <div id="topnav" class="topnav"> Have an account? <a href="#" class="signin"><span>Sign in</span></a> </div>
                {% if signin_form.errors %}
                <p>Your username and password didn't match. Please try again.</p>
                {% endif %}
                <form method="post" id="signin" action="{% url contifyuser.views.viewprofile %}">
                    <fieldset id="signin_menu">
                        <p>
                        {{ signin_form.username.label_tag }}
                        {{ signin_form.username }}
                        </p>
                        <p>
                        {{ signin_form.password.label_tag }}
                        {{ signin_form.password }}
                        </p>
                        <p>
                            <input id="signin_submit" value="Sign in" tabindex="6" type="submit">
                        </p>
                </form>
                        <p class="forgot"> <a href="#" id="resend_password_link">Forgot your password?</a> </p>
                  
                        <p class="forgot-username"> <A id=forgot_username_link 
                            title="If you remember your password, try logging in with your email" 
                            href="#">Forgot your username?</A> </p>
                      </form>
                    </fieldset>
            </div>            
            <div class="nobreak topnavSeperation">
                <!--<li><a href="{% url contifyuser.views.viewprofile %}">Profile</a></li>-->
                <span class="topnavSeperation"><a href="{% url registration.views.register %}">Register</a></span>
                <span class="topnavSeperation"><a href="{% url StartGroup.views.startNewGroupForm %}">Start Group</a></span>
            </div>
            {% endif %}
        </div>
    </div>

{% block content %}
    <div class="main">
        <div class="nobreak">
            <div>
                <img class="realDailyImg" src="/{{ media_url }}contifyuser/images/people.JPG"/>
            </div>
            <div>
                <img class="realDailyImg" src="/{{ media_url }}contifyuser/images/hm-group.jpg"/>
            </div>
        </div>
        <div class="nobreak">
            <img class="socialNet" src="/{{ media_url }}contifyuser/images/SocialNetworking.jpg"/>
        </div>
        <div class="nobreak basePageRigthImages">
            <div>
                <img class="realDailyImg" src="/{{ media_url }}contifyuser/images/young-people-hacky-sack.jpg"/>
            </div>
            <div>
                <img class="realDailyImg" src="/{{ media_url }}contifyuser/images/Young-People.jpg"/>
            </div>
        </div>
    </div>

{% endblock %}
    
</body>
</html>
